// 网站入口

// 【imr】 表示导入react ,【imrc】 表示导入react，以及react的Component
import React from 'react'
// 【imrd】 表示导入react-dom
import {render} from 'react-dom'

// 【imp】 导出整个对象
//import App from './App'
// 【ime】 全部别名导出到一个别名对象中
//import * as aliasMy from './App'
// 【ima】 选择性的导出模块并使用别名
//import { originalName as alias } from 'module'
// 【imn】 动态导出
//import 'module'
// 【imd】 导入部分模块（花括号内的可以选择导出）
import App  from './App'

// 全量扩展ajax 到全局的Component上面，只要后面继承的都会带上该方法。一般不建议使用
import * as userServices from './services/User'
React.Component.prototype.myUserAjax = userServices

// 路由(BrowserRouter和HashRouter（带#）)
import {HashRouter as Router, Route} from 'react-router-dom'

import { ConfigProvider } from 'antd';
import zhCN from 'antd/es/locale/zh_CN';

// 只渲染App组件
render(
    // route和redux类似，只要在最外层包裹标签就能全局使用,使用prefixCls='vue'以后样式会乱掉
    <ConfigProvider locale={zhCN} 
        getPopupContainer={node => {
            if (node) { return node.parentNode; }
            return document.body;
        }}
    >
    <Router>
        {/* 需要增加router内部的Route才能传递props,还有个属性path="/" */}
        <Route component={App} />
        {/* < App /> */}
    </Router>
    </ConfigProvider>
    ,
    document.getElementById("root")
)